<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>商品详情-商品</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="detail inner_page info">
    <header>
        <a href="javascript:void(0)" class="pre_page"></a>
        <a href="index.html" class="home"></a>
        <nav>
            <a href="javascript:void(0)" class="active">商品</a>
            <a href="javascript:void(0)">详情</a>
            <a href="javascript:void(0)">评价</a>
        </nav>


    </header>


    <section class="main detail_info">
        <div class="container">
            <ul class="tab_btns container">
                <li class="active">商品介绍</li>
                <li>规格参数</li>
                <li>售后保障</li>
            </ul>

            <ul class="pages container">
                <li class="introduction">
                    <div class="big">
                        <img src="img/detail_big.jpg" alt="">
                    </div>
                    <div class="big">
                        <img src="img/detail_big.jpg" alt="">
                    </div>
                </li>
                <li class="specs">
                    <p>品牌：溢彩年华</p>
                    <p>类别：衣帽架</p>
                    <p>材质：按木 </p>
                    <p>层位：六层以上</p>
                    <p>产品净重（kg）：2</p>
                    <p>组立尺寸（cm）：43x43x175 </p>
                    <p>包装尺寸（cm）：55.5x15.5x13.5</p>
                    <p>商品承重（kg）：20 </p>
                    <p>主色调：原木色</p>
                </li>
                <li class="service">
                    <p>服务说明：</p>
                    <p>平台卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务。请您放心购买！</p>
                    <p>注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。</p>
                    <p>只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！</p>
                    <br>
                    <br>
                    <p>权利声明：</p>
                    <p>所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东重要的经营资源，未经许可，禁止非法转载使用。
                        注：本站商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者（合作方）负责。本站不提供任何保证，并不承担任何法律责任。
                    </p>
                    <br>
                    <br>
                    <p>价格说明：</p>
                    <p>商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系 销售商咨询。</p>
                    <br>
                    <br>
                    <p>正品行货：</p>
                    <p>商城向您保证所售商品均为正品行货，京东自营商品开具机打发票或电子发票</p>
                    <br>
                    <br>
                    <p>无忧退换货:</p>
                    <p>客户购买商品7日内（含7日，自客户收到商品之日起计算），在保证商品完好的前提下，可无理由退货。（部分商品除外，详情请见各商品细则）</p>
                </li>
            </ul>
        </div>



        <!--加入购物车成功提示框-->
        <div class="to_cart_box">
            <img src="img/success.png" alt="">
            <p>加入购物车成功</p>
        </div>



    </section>




    <div class="fix_nav">

        <div class="wrapper">
            <ul>
                <li>
                    <a href="javascript:void(0)" class="shop">
                        店铺
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="attention">
                        关注
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="cart">
                        购物车
                    </a>
                </li>

            </ul>
            <a class="add_2_cart" href="javascript:void(0)">
                加入购物车
            </a>

        </div>

    </div>

</body>
<script src="js/jquery.js"></script>
<script src="js/jquery.SuperSlide.2.1.2.js"></script>
<script>
    $(function(){

        /*banner animation*/
        $(".banner_wrap").fadeIn();
        $(".banner_wrap ").slide({
            titCell: ".hd ul",
            autoPage: "<li><a></a></li>",
            autoPage:true,
            mainCell: ".banner ul",
            effect: "leftLoop",
            autoPlay: true,
            vis: "auto",
            scroll: 1,
            easing: "easeInOutQuad",
            interTime: 5000
        });

        $(".commends_wrap").fadeIn();
        $(".commends_wrap ").slide({
            titCell: ".hd ul",
            autoPage: "<li><a></a></li>",
            autoPage:true,
            mainCell: ".commend ul",
            effect: "leftLoop",
            autoPlay: true,
            vis: "auto",
            scroll: 1,
            easing: "easeInOutQuad",
            interTime: 5000
        });

        $(".to_top").on("click",function(){
            $(window).scrollTo(0);
        });
    });

</script>
</html>